<!DOCTYPE html>
<html lang="en">
<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>后台管理系统首页</title>

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="css/sb-admin.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js" type="text/javascript"></script>
    <script src="js/response.js" type="text/javascript"></script>
    <![endif]-->

</head>

<body>

<div id="wrapper">

    <!-- Navigation -->
    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="index.html">后台管理系统</a>
        </div>
        <!-- Top Menu Items -->
        <ul class="nav navbar-right top-nav">
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> John Smith <b
                        class="caret"></b></a>
                <ul class="dropdown-menu">
                    <li>
                        <a href="#"><i class="fa fa-fw fa-user"></i> Profile</a>
                    </li>
                    <li>
                        <a href="#"><i class="fa fa-fw fa-envelope"></i> Inbox</a>
                    </li>
                    <li>
                        <a href="#"><i class="fa fa-fw fa-gear"></i> Settings</a>
                    </li>
                    <li class="divider"></li>
                    <li>
                        <a href="#"><i class="fa fa-fw fa-power-off"></i> Log Out</a>
                    </li>
                </ul>
            </li>
        </ul>
        <div class="collapse navbar-collapse navbar-ex1-collapse">
            <ul class="nav navbar-nav side-nav">
                <li class="active">
                    <a href="javascript:;" data-toggle="collapse" data-target="#demo"><i
                            class="fa fa-fw fa-arrows-v"></i> 系统管理 <i class="fa fa-fw fa-caret-down"></i></a>
                    <ul id="demo" class="collapse in">
                        <li>
                            <a href="index.html">账号管理</a>
                        </li>
                        <li>
                            <a href="password-manage.html">密码管理</a>
                        </li>
                    </ul>
                </li>
                <li >
                    <a href="javascript:;" data-toggle="collapse" data-target="#demo1"><i
                            class="fa fa-fw fa-dashboard"></i> 理财产品 <i class="fa fa-fw fa-caret-down"></i></a>
                    <ul id="demo1" class="collapse">
                        <li>
                            <a href="product-list.html">产品列表</a>
                        </li>
                        <li>
                            <a href="product-edit.html">产品编辑</a>
                        </li>
                    </ul>
                </li>
                <!--<li >-->
                <!--<a href="index.html"><i class="fa fa-fw fa-dashboard"></i> 理财产品</a>-->
                <!--</li>-->
                <li>
                    <a href="service-list.html"><i class="fa fa-fw fa-bar-chart-o"></i> 客服人员</a>
                </li>
                <li>
                    <a href="investment.html"><i class="fa fa-fw fa-table"></i> 用户投资</a>
                </li>
                <li >
                    <a href="buy-back.html"><i class="fa fa-fw fa-edit"></i> 回购列表</a>
                </li>
            </ul>
        </div>
        <!-- /.navbar-collapse -->
    </nav>

    <div id="page-wrapper">

        <div class="container-fluid">

            <!-- Page Heading -->
            <div class="row">
                <div class="col-lg-12">
                    <h1 class="page-header">
                        系统管理
                        <small>System Manage</small>
                    </h1>
                    <ol class="breadcrumb">
                        <li class="active">
                            <i class="fa fa-dashboard"></i> Dashboard
                        </li>
                    </ol>
                </div>
            </div>
            <!-- /.row -->

            <div class="row">
                <div class="col-lg-12">
                    <h2>账号管理</h2>
                    <div class="table-responsive">
                        <table class="table table-bordered table-hover">
                            <thead>
                            <tr>
                                <th>序号</th>
                                <th>账号名称</th>
                                <th>使用人员</th>
                                <th>联系方式</th>
                                <th>角色</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>/index.html</td>
                                <td>1265</td>
                                <td>32.3%</td>
                                <td>$321.33</td>
                                <td>$321.33</td>
                                <td>
                                    <a href="" data-toggle="modal" data-target="#exampleModal" data-whatever="@mdo">编辑</a>
                                    <a href="">删除</a>
                                </td>
                            </tr>
                            <tr>
                                <td>/about.html</td>
                                <td>261</td>
                                <td>33.3%</td>
                                <td>$234.12</td>
                                <td>$234.12</td>
                                <td>
                                    <a href="" data-toggle="modal" data-target="#exampleModal" data-whatever="@mdo">编辑</a>
                                    <a href="">删除</a>
                                </td>
                            </tr>
                            <tr>
                                <td>/sales.html</td>
                                <td>665</td>
                                <td>21.3%</td>
                                <td>21.3%</td>
                                <td>21.3%</td>
                                <td>
                                    <a href="" data-toggle="modal" data-target="#exampleModal" data-whatever="@mdo">编辑</a>
                                    <a href="">删除</a>
                                </td>
                            </tr>
                            <tr>
                                <td>/blog.html</td>
                                <td>9516</td>
                                <td>89.3%</td>
                                <td>89.3%</td>
                                <td>89.3%</td>
                                <td>
                                    <a href="" data-toggle="modal" data-target="#exampleModal" data-whatever="@mdo">编辑</a>
                                    <a href="">删除</a>
                                </td>
                            </tr>
                            <tr>
                                <td>/404.html</td>
                                <td>23</td>
                                <td>34.3%</td>
                                <td>34.3%</td>
                                <td>34.3%</td>
                                <td>
                                    <a href="" data-toggle="modal" data-target="#exampleModal" data-whatever="@mdo">编辑</a>
                                    <a href="">删除</a>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <button data-toggle="modal" data-target="#exampleModal" data-whatever="@mdo" type="button" class="btn btn-sm btn-primary" style="margin-bottom: 200px;padding: 5px 20px">新增</button>

                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="exampleModalLabel">新增账号</h4>
            </div>
            <div class="modal-body">
                <form>
                    <div class="form-group">
                        <label for="recipient-name" class="control-label">账号名称:</label>
                        <input type="text" class="form-control" id="recipient-name">
                    </div>
                    <div class="form-group">
                        <label for="message-text" class="control-label">使用人员:</label>
                        <input type="text" class="form-control" id="message-text">
                    </div>
                    <div class="form-group">
                        <label for="message-text" class="control-label">密码设定:</label>
                        <input type="text" class="form-control" id="password-set">
                    </div>
                    <div class="form-group">
                        <label for="message-text" class="control-label">联系方式:</label>
                        <input type="text" class="form-control" id="contact-text">
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary">确定</button>
            </div>
        </div>
    </div>
</div>
<!-- jQuery -->
<script src="js/jquery.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>
